Создать интерактивную виртуальную выставку к 165-летию Банка России на базе проекта «Библиотека Банка России», которая рассказывает историю банка от его основания до наших дней через биографии его председателей. У банка существует большое количество материалов об истории организации — документы из архивов, фондов Библиотеки Банка России и Музея Банка России. Требовалось продумать, как визуально структурировать представленный контент, оформить его в удобном формате, сделать простым в навигации и понятным для широкой аудитории
Банк России — Центральный банк Российской Федерации. Библиотека Банка России — одна из крупнейших в стране по финансовой тематике, основана в 1912 году. Фонд содержит более 350 тысяч изданий, включая редкие книги XVIII–XIX веков и современные материалы, доступные сотрудникам Банка России по всей стране
Разработали интерактивную виртуальную выставку на базе проекта «Библиотека Банка России», объединив разрозненные архивные материалы в единую цифровую экспозицию. Продумали структуру, логику и сценарий повествования, представив историю Банка России через ключевые этапы его развития и биографии председателей. Реализовали интерфейс с уникальным визуальным и навигационным подходом для каждой эпохи, продумали UI/UX, чтобы упростить работу с большим объемом материалов и сделать историю банка понятной для широкой аудитории
просмотров виртуальной выставки за первые полтора месяца
уникальных пользователей посетили выставку
уникальных лендинга разработано
для каждого председателя Банка России
общий, для председателей одного исторического периода
изображений использовано
цветовые палитры созданы для визуального разделения исторических эпох
Проект начался с обсуждения формата выставки и способов подачи исторического материала. Изначально рассматривался текстовый подход, однако в ходе совместной работы стало понятно, что для такого объема и сложности контента важно упростить восприятие и выстроить более наглядную структуру
Команда QSOFT предложила дополнить текст визуальными и навигационными решениями: разбить материалы на смысловые блоки, использовать таблицы, инфографику и разные сценарии просмотра — так большой исторический массив проще читать и изучать
Заказчик собрал материалы в единую структуру из четырех исторических периодов и определил, что и где должно быть размещено. Со стороны QSOFT мы внимательно проработали этот массив при верстке: корректно распределили большое количество ссылок, PDF-документов и архивных материалов
Каждый период визуализировали посредством временной шкалы, чтобы пользователь мог быстро перейти к нужной эпохе, а с помощью страниц-анонсов мог выбрать глубину просмотра — кратко или подробно
Внутри выставки пользователь свободно перемещается между периодами и страницами председателей. По таймлайну можно перейти к конкретной дате и сразу перейти к нужному блоку биографии и событий. Дополнительно работает боковое меню, которое помогает переключаться между периодами без возврата на главную
Для каждого председателя создана отдельная оформленная страница с текстом, визуалами и карточками, выстроенными по хронологии. К страницам добавили ссылки на соответствующие архивные документы из Библиотеки Банка России: их можно открыть и изучить уже на основном сайте библиотеки
Выставку спроектировали как интерактивное пространство, а не набор статичных страниц. Пользователь может последовательно изучать материал или выбирать отдельные фрагменты, перемещаясь между периодами, председателями и событиями
Анимации и интерактивные элементы помогают удерживать внимание и делают навигацию понятной, при этом не перегружая контент
Для каждого периода разработали отдельную визуальную систему: цветовые палитры (основанные на флагах) и фактурные фоны (мрамор, кожа, гранит, современные материалы). Дополнительно использовали сочетание шрифта с засечками для «книжности» и шрифта под печатную машинку для стилизации архивных документов
Для 33 лендингов использовали чередование разных по плотности блоков и фонов — от насыщенных до минималистичных. Это позволяет «разгружать» восприятие при работе с большим объемом текста и избегать ощущения монотонности при длительном просмотре
В отдельных элементах интерфейса применили эффект глассморфизма, чтобы визуально отделять информационные блоки от фона и улучшить читаемость, не отвлекая пользователя от основного содержания
При разработке интерфейса учитывали требования доступности (A11Y): читаемые шрифты, достаточный контраст текста и фона, логичную навигацию и предсказуемое поведение элементов. Это делает выставку удобной для просмотра с разных устройств и позволяет комфортно работать с большим объемом текста и архивных материалов
Пользователь попадает на стартовый экран с обзором всех исторических периодов и может выбрать интересующую эпоху одним кликом. Навигация построена так, чтобы сразу было понятно, с чего начать и куда можно двигаться дальше
В каждом периоде доступна временная шкала с ключевыми датами и событиями. Таймлайн позволяет быстро перемещаться по истории и выбирать, какие фрагменты изучать подробнее
Каждый председатель Банка России представлен отдельной страницей. На ней собрана биография, ключевые события периода и связанные материалы. Страницы связаны с конкретной эпохой и логично встроены в общую хронологию выставки
К контенту привязаны архивные изображения и документы из фондов Библиотеки Банка России. Материалы открываются в интерфейсе выставки и дополняют основной рассказ, не уводя пользователя с сайта
Реализовали интерактивные механики: поп-апы в виде архивных карточек и навигацию по историческим гербам. Они помогают просматривать дополнительные материалы и детали, при этом не перегружают основной экран и не нарушают логику просмотра
Интерфейс выставки адаптирован под десктопную и мобильные версии. Навигация, таймлайны и страницы председателей корректно работают на разных экранах и в разных сценариях просмотра
